<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="base" uri="http://qdbp.gitee.io/tags/base/"%>

<!DOCTYPE html>
<html>
<head>
	<%@ include file="../../_/meta.jsp"%>
	<title>个人中心 - ${pv.project.name}</title>
	<%@ include file="../../_/style.jsp"%>
	<link href="<base:url href='assets/libs/datatables/dataTables.bootstrap.css'/>" rel="stylesheet">
	<link href="<base:url href='assets/libs/bs-check/bs-check.css'/>" rel="stylesheet" type="text/css" />
	<link href="<base:url href='assets/pc/mine/personnel/donate-list.css'/>" rel="stylesheet" type="text/css" />
</head>

<body>
	<%@ include file="../../_/header.jsp"%>
	<header class="breadcrumbs bg-light-grey">
		<div class="container">
			<a href="<base:url href='/' />">首页</a> &gt; <a>个人中心</a> &gt; <a>我的打赏记录</a>
		</div>
	</header>
	<section class="ibody bg-light-grey pb-lg">
		<div class="container">
			<div class="row">
				<div class="col-xs-3 col-md-2 pr-clear">
					<jsp:include page="../_/menu.jsp">
					    <jsp:param name="menu" value="donate-list"/>
					</jsp:include>
				</div>
				<div class="col-xs-9 col-md-10">
					<div class="main-panel bg-white plr-md ptb-sm">
						<h3 class="color-weak mt-xs mb-sm">我的打赏记录</h3>
						<ul class="plain-tab-box">
							<li class="active"><a>全部订单</a></li>
							<li><a data-states="['PENDING']">待支付</a></li>
							<li><a data-states="['PAID','DELIVERED','FINISHED']">已支付</a></li>
							<li><a data-states="['CANCELED','EXPIRED']">已作废</a></li>
						</ul>
						<table class="table table-bordered table-hover data-list" 
							data-table="hr:true,destroy:true,filter:true,method:'POST',
								url:'<base:url href='actions/my-order/donate/list.json'/>',
								params:{orderType:'DONATE',extra:true,ordering:'createTime desc'}" width="100%">
							<thead>
								<tr>
									<th data-options="field:'id',render:'{index}',width:20"></th>
									<%-- <th data-options="field:'id',render:'{checkbox}',width:20"><input type="checkbox"/></th> --%>
									<th data-options="field:'createTime',width:150">打赏时间</th>
									<th data-options="field:'donateTarget',render:'donateTarget',width:80">打赏对象</th>
									<th data-options="field:'totalAmount',render:'amount',width:80">金额</th>
									<th data-options="field:'orderState',render:'orderState',width:150">状态</th>
									<th data-options="field:'remark',width:200">备注</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
	</section>
	<%@ include file="../../_/footer.jsp"%>

	<%@ include file="../../_/script.jsp"%>
	<script src="<base:url href='assets/libs/datatables/jquery.dataTables.js'/>"></script>
	<script src="<base:url href='assets/libs/datatables/dataTables.bootstrap.min.js'/>"></script>
	<script src="<base:url href='assets/base/core/component.js'/>"></script>
	<script src="<base:url href='assets/base/core/bootstrap/plugins-init.js'/>" type="text/javascript" data-zload-ignore="true"></script>
	<script src="<base:url href='assets/pc/mine/personnel/donate-list.js'/>" type="text/javascript"></script>
	<%@ include file="../../_/analysis.jsp"%>
</body>
</html>
